/*------------------------------------*
    #MENU BUTTON
/*------------------------------------*

.m-btn-downarrow,
.s-btn-downarrow
  position: absolute
  top: 50%
  right: 0
  display: inline-block
  width: 16px
  height: 16px
  font-size: 1px
  margin-top: -8px

.m-btn-plain-active,
.s-btn-plain-active
  background-color: transparent

.m-btn .l-btn-left .l-btn-text
  margin-right: 20px

.m-btn .l-btn-icon-right .l-btn-text
  margin-right: 40px

.m-btn .l-btn-icon-right .l-btn-icon
  right: 20px

.m-btn .l-btn-icon-top .l-btn-text
  margin-right: 4px
  margin-bottom: 14px

.m-btn .l-btn-icon-bottom .l-btn-text
  margin-right: 4px
  margin-bottom: 34px

.m-btn .l-btn-icon-bottom .l-btn-icon
  top: auto
  bottom: 20px

.m-btn .l-btn-icon-top .m-btn-downarrow,
.m-btn .l-btn-icon-bottom .m-btn-downarrow
  top: auto
  bottom: 0
  left: 50%
  margin-left: -8px

.m-btn-large .l-btn-icon-right .l-btn-text
  margin-right: 56px

.m-btn-large .l-btn-icon-bottom .l-btn-text
  margin-bottom: 50px

.m-btn-downarrow,
.s-btn-downarrow
  &::before
    +font-icons(FontAwesome, '\f107', 14px, #000)

.m-btn-plain-active
  & .m-btn-downarrow,
  & .s-btn-downarrow
    &::before
      +font-icons(FontAwesome, '\f106', 14px, #000)

